/* 灰色区域的样式 */
.notice-gray-area {
    background-color: #f0f0f0; /* 灰色背景 */
    padding: 20px; /* 内边距 */
    margin: 100px; /* 外边距 */
    border-radius: 5px; /* 圆角 */
}

/* 公告标题样式 */
.notice-title {
    text-align: center; /* 居中 */
    font-size: 24px; /* 字体大小 */
    margin-bottom: 10px; /* 下边距 */
}

/* 公告日期和添加者ID样式 */
.notice-date, .adm-id {
    font-size: 18px; /* 字体大小 */
    display: inline-block; /* 使两个元素并排显示 */
    width: 48%; /* 宽度 */
    margin: 0; /* 重置边距 */
}

.notice-date {
    text-align: left; /* 左对齐 */
}

.adm-id {
    text-align: right; /* 右对齐 */
}

/* 公告内容样式 */
.notice-content {
    background-color: white; /* 白色背景 */
    padding: 20px; /* 内边距 */
    border-radius: 5px; /* 圆角 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 阴影 */
    max-width: 1000px; /* 最大宽度 */
    margin: 20px auto; /* 水平居中 */
}

/* 操作按钮样式 */
.notice-actions {
    text-align: center; /* 居中 */
    margin-top: 20px; /* 上边距 */
}

.notice-actions a, .notice-actions input[type="submit"] {
    margin: 5px; /* 按钮之间的间距 */
    padding: 10px 20px; /* 按钮内边距 */
    background-color: #4CAF50; /* 按钮背景颜色 */
    color: white; /* 按钮文字颜色 */
    text-decoration: none; /* 去除下划线 */
    border: none; /* 去除边框 */
    border-radius: 5px; /* 圆角 */
    cursor: pointer; /* 鼠标悬停时的指针样式 */
}

.notice-actions a:hover, .notice-actions input[type="submit"]:hover {
    background-color: #45a049; /* 按钮悬停时的背景颜色 */
}